@charset="utf-8";
body{ 
    font-family: 'NanumSquare', sans-serif; 
    -ms-user-select: none; 
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
/* common CSS */
#mainTable{
	background:#c1cdd2;
}
#mainTable .menuWrap{
	width:9.722222222222222vh/* 105px */;
	height:100%;
	position:relative;
	z-index:2;
}
.menu_box_container{
	width:100%;
	height:100%;
	background:#fff;	
	border-radius:0 1.85185185vh/* 20px */ 1.85185185vh/* 20px */ 0;
	-moz-border-radius:0 1.85185185vh/* 20px */ 1.85185185vh/* 20px */ 0;
	-webkit-border-radius:0 1.85185185vh/* 20px */ 1.85185185vh/* 20px */ 0;
	box-shadow: 1px 0.018518518vh/* 2px */ 1.85185185vh/* 20px */ 0px rgba(0, 0, 0, 0.4); 
	-moz-box-shadow: 1px 0.018518518vh/* 2px */ 1.85185185vh/* 20px */ 0px rgba(0, 0, 0, 0.4); 
	-webkit-box-shadow: 1px 0.018518518vh/* 2px */ 1.85185185vh/* 20px */ 0px rgba(0, 0, 0, 0.4);
	box-sizing:border-box;
	position:absolute;
	top:0;
	z-index:2;
}

.col_bar{
	width:0.462962962vh/* 5px */;
	height:100%;
	background:#1fa3db;
	position:fixed;
	top:0;
	z-index:3;
}
#skin_MenuLeft .col_bar{
	left:0;
}
#skin_MenuRight .col_bar{
	right:0;
}

.icon_normal{}
.icon_on{
	display:none;
}

#mainTable .menuWrap li img{	
	width:100%;
	height:auto;
}
#mainTable .menuWrap li{
	width:8.33333333vh/* 90px */;
	height:7.8703703vh/* 85px */;
	border-radius:1.85185185vh/* 20px */;
	-moz-border-radius:1.85185185vh/* 20px */;
	-webkit-border-radius:1.85185185vh/* 20px */;
}
#mainTable .menuWrap li:hover{
	background:#1fa3db;
}
#mainTable .menuWrap .l_list_top li:hover{
	background:none;
}

.menu_toggle_btn{
	width:2.31481481vh/* 25px */;
	height:6.48148148vh/* 70px */;
	background:#1fa3db;
	position:absolute;
	top:13.8888888vh/* 150px */;
	z-index:1;
}
.menu_toggle_btn button{
	display:block;
	width:100%;
	height:100%;
	cursor:pointer;
}
#skin_MenuLeft .menu_toggle_btn{
	border-radius:0 0.925925925vh/* 10px */ 0.925925925vh/* 10px */ 0;
	-moz-border-radius:0 0.925925925vh/* 10px */ 0.925925925vh/* 10px */ 0;
	-webkit-border-radius:0 0.925925925vh/* 10px */ 0.925925925vh/* 10px */ 0;
	right:-2.31481481vh/* -25px */;
}
#skin_MenuLeft .menu_toggle_btn .left_btn{
	background:url(../img/03_book/toggle_btn_bg_left.png) no-repeat left top/cover;
}
#skin_MenuLeft .menu_toggle_btn .left_btn.open{
	background:url(../img/03_book/toggle_btn_bg_left_open.png) no-repeat left top/cover;
}

#skin_MenuRight .menu_toggle_btn{
	border-radius:0.925925925vh/* 10px */ 0 0 0.925925925vh/* 10px */;
	-moz-border-radius:0.925925925vh/* 10px */ 0 0 0.925925925vh/* 10px */;
	-webkit-border-radius:0.925925925vh/* 10px */ 0 0 0.925925925vh/* 10px */;
	left:-2.31481481vh/* -25px */;
}
#skin_MenuRight .menu_toggle_btn .right_btn{
	background:url(../img/03_book/toggle_btn_bg_right.png) no-repeat left top/cover;
}
#skin_MenuRight .menu_toggle_btn .right_btn.open{
	background:url(../img/03_book/toggle_btn_bg_right_open.png) no-repeat left top/cover;
}
/* common CSS */


/* skin_MenuLeft */
#skin_MenuLeft.menuWrap{
	left:0;
}
#skin_menu01{
	left:0;
	padding:2.77777777vh/* 30px */ 0.46296296vh/* 5px */ 0 0.925925925vh/* 10px */;
}

.l_list_top{
	margin-bottom:11.8518518vh/* 128px */;
}
.l_list_top img{
	margin-left:-0.46296296vh/* -5px */;
	width:11.111111vh/* 120px */ !important;
}

.l_list_bottom{}
.l_list_bottom li{
	margin-bottom:0.925925925vh/* 10px */;
}
.l_list_bottom li a{}
.l_list_bottom li a img{
}
/* skin_MenuLeft end */


/* skin_MenuRight */
#skin_MenuRight.menuWrap{
	right:0;
}
#skin_menu02{	
	padding:3.79629629vh/* 41px */ 0.925925925vh/* 10px */ 2.59259259vh/* 28px */ 0.46296296vh/* 5px */;
	border-radius:1.85185185vh/* 20px */ 0 0 1.85185185vh/* 20px */;
	-moz-border-radius:1.85185185vh/* 20px */ 0 0 1.85185185vh/* 20px */;
	-webkit-border-radius:1.85185185vh/* 20px */ 0 0 1.85185185vh/* 20px */;
}

.r_list_top{
	margin-bottom:11.203703vh/* 121px */;
}
.r_list_top li{
	margin-bottom:0.46296296vh/* 5px */;
}
.r_list_top li img{}


#study_activity_btn.on{
	border-top-left-radius:0.46296296vh/* 5px */ !important;
	background:url(../img/03_book/study_act_active_arrow.png) no-repeat 0.555555555vh/* 6px */ 0.555555555vh/* 6px */ #1fa3db;
}
#study_activity_btn:hover{
	border-top-left-radius:0.46296296vh/* 5px */ !important;
	background:url(../img/03_book/study_act_active_arrow.png) no-repeat 0.555555555vh/* 6px */ 0.555555555vh/* 6px */ #1fa3db !important;
}

#study_act_wrap{
	position:absolute;
	top:53.7962962vh/* 581px */;
	left:-8.3333333vh/* 90px */;
	display:none;
}
#study_act_wrap .study_act_container{
	width:8.33333333vh/* 90px */;
	background:#1ea0d7;
	border-radius:1.85185185vh/* 20px */ 0 0 1.85185185vh/* 20px */;
	position:absolute;
	top:0;
}
#study_act_wrap .study_act_container li{
	background:url(../img/03_book/study_act_bg_bar.png) no-repeat center bottom;
	margin-bottom:0;
}
#study_act_wrap .study_act_container li:hover{
	background:url(../img/03_book/study_act_bg_bar.png) no-repeat center bottom;
}
/* skin_MenuRight end */



/* footer_skin_menu */
#footer_skin_menu{
	width:622px;
	height:60px;
	margin: 0 auto;
}
#footer_skin_menu ul.list_bot{
	width:547px;
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	background:rgba(54,72,80,0.8);
	overflow:hidden;
	padding:12px 20px 13px 23px;
	box-sizing:border-box;
	float:left;
}
#footer_skin_menu ul.list_bot li{
	float:left;
	margin-right:8px;
	width:35px;
}
#footer_skin_menu ul.list_bot li:nth-child(2){
	margin-right:0;
}
#footer_skin_menu ul.list_bot li:nth-child(5){
	margin-right:27px;
}
#footer_skin_menu ul.list_bot li img{
	width:100%;
	height:auto;
}

#footer_skin_menu ul.list_bot li.page_nav_con{
	width:140px;
	font-size:20px;
	line-height:35px;
	color:#fff;
	text-align:center;
	margin-right:0;
}

#menu_GotoPage .input_textbox{
	width:72px;
	height:35px;
	background:#7b8c93;
	box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.3) inset;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.3) inset;
	margin-top:0;
	font-size:20px;
	
}
.page_sch>div:nth-child(2){
	width:35px;
	height:35px;
	border-radius:50%;
	background:#424c50;
	box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.3) inset;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.3) inset;
}

#footer_skin_menu ul.list_bot li.page_sch{
	margin-right:30px;
	width:117px;
}

#footer_skin_menu ul.list_bot li:last-child{
	padding-left:17px;
	background:url(../img/03_book/fix-icon_bg_bar.png) no-repeat left center;
	margin-right:0;
	width:17px;
}

#footer_skin_menu .hide_icon{
	float:left;
	width:60px;
	height:60px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	background:rgba(54,72,80,0.8);
	margin-left:15px;
}
#footer_skin_menu .hide_icon img{
	width:100%;
}

#menu_PageNavigation.fixed{
	margin-top:0 !important;
}
#footer_skin_menu .hide_icon.fixed{
	margin-top:0 !important;
}
/* footer_skin_menu end */

.popup.viewer {
    width: 70.83333333333333%;
    height: 48.95833333333333vw;
    background: #fff;
    z-index: 6;
}

#span_page{
	font-family:NanumSquare;
	font-weight:bold;
}

/*listpop*/
#pop_all{position:absolute; top:0; left:0; right:0; margin:0 auto;}
#listmenu{width:300px; left:178px; top:50px;border-radius:7px; position:absolute; z-index:99;
	box-shadow:0 0 30px rgba(0,0,0,0.3); 
	-webkit-box-shadow:0 0 30px rgba(0,0,0,0.3); 
	-moz-box-shadow:0 0 30px rgba(0,0,0,0.3); 
	-o-box-shadow:0 0 30px rgba(0,0,0,0.3); 
	-ms-box-shadow:0 0 30px rgba(0,0,0,0.3);
    cursor:move;
    -ms-user-select: none; 
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
#listmenu .container{width:100%; height:100%;}
#listmenu .header{width:100%; height:45px; background-color:#365b6b; margin-right:40px; border-radius:7px 7px 0 0; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.35); }
#listmenu .logo{position:absolute; top:15px; left:20px;}
#listmenu .title{font-weight:bold; font-size:13px; line-height:45px; position:absolute; top:0px; left:55px; color:#fff;}
#listmenu .close{position:absolute; top:15px; right:20px;}

#listmenu .section{width:100%; max-height:415px; overflow-y:auto; background-color:#fff; border-radius:0 0 7px 7px; overflow-x:hidden;}
#listmenu .list{width:100%;}
#listmenu .list li{
	box-sizing:border-box;
	line-height:40px;
	display:block; 
	font-size:14px; 
	text-indent:49px;
	overflow:hidden;
	cursor:pointer;
}
#listmenu .list li.text1{
	background:url(../img/images/icon/arrow01.png) no-repeat;
	background-position:20px 16px;	
	color:#444444;
	font-weight:700;
	border-bottom:1px solid #dcdcdc;
}
#listmenu .list li.text1:hover{
	font-weight:900;
	background-color:#00b3ff;
	color:#ffffff;
	background-image:url(../img/images/icon/arrow01_hover.png);
	background-position:19px 17px;	
}
#listmenu .list li.text1.active{
	font-weight:900;
	background-color:#00b3ff;
	color:#ffffff;
	background-image:url(../img/images/icon/arrow01_hover.png);
	background-position:19px 17px;	
}
#listmenu .list li.text1.bg_nono{
	background:none;
}
#listmenu ul.list li:nth-last-child(1){border-bottom:none;}

#listmenu .list .snb_depth02{display:none;padding-left:0;width:100%; height:auto;box-sizing:border-box;}
#listmenu .list .snb_depth02 ul li.sub{
	background:url(../img/images/icon/arrow01.png) no-repeat #ebf4f8;
	background-position:36px 15px;
	text-indent:50px;
	cursor:pointer;
	white-space: nowrap;
	white-space: nowrap;
	text-overflow: ellipsis;
	color:#333333;
	border-bottom:1px solid #dbe2e5;
}

#listmenu .list .snb_depth02 ul>li.sub:hover{
	color:#0198d8; 
	background-image:url(../img/images/icon/arrow02_hover.png);
	background-position:35px 16px;
	font-weight:700;
}
#listmenu .list .snb_depth02 ul>li.sub.active{
	color:#0198d8; 
	background-image:url(../img/images/icon/arrow02_hover.png);
	background-position:35px 16px;
	font-weight:700;
}

#listmenu .list .snb_depth02 ul li.bg_nono{
	background:#ebf4f8;
	height:40px;
	line-height:16px;
	text-indent:0;
	padding-left:35px;
	padding-top:4px;
}
#listmenu .list .snb_depth02 ul>li.bg_nono:hover{
	color:#0198d8;
	background-image:none;
}
#listmenu .list .snb_depth02 ul>li.bg_nono.active{
	color:#0198d8;
	background-image:none;
}

#listmenu .list .snb_depth02 ul li ul.sub03{
	float:left;
	width:100%;
	display:none;
	background:#dce6eb;
	padding-top:15px;
}
#listmenu .list .snb_depth02 ul li ul.sub03 li{	
	color:#333333;
	margin-bottom:15px;
	line-height:14px;
}
#listmenu .list .snb_depth02 ul li ul.sub03 li:hover{
	color:#0198d8;
	text-decoration:underline;
}

#listmenu .list .icon{margin:0 8px 0 0;}
#listmenu .list .icon2{margin:0 10px 0 0; display:none;}
#listmenu .list .sub{
}
#listmenu .list .sub1{padding-left:67px;cursor:pointer;}
/*listpop*/

/* 검색창 */
.txtsch_popup{
	position:absolute;
	left:50%;
	top:200px;
	transform:translateX(-50%);
	z-index:2;
}
.txtsch_popup{
	display:none;
}
.txtsch_popup .sch_wrapper{
	width:400px;
	height:40px;
	border-radius:20px;
	background:#fff;
	box-shadow: 0px 0px 10px 0px rgba(0, 118, 168, 1);
	padding:5px 0 5px 23px;
	box-sizing:border-box;
}
.txtsch_popup .sch_wrapper>div{
	display:inline-block;
}
.txtsch_popup .has_input{
	width:330px;
	height:30px;
	background:url(../img/03_book/sch_border_right.png) no-repeat right center;
}
.txtsch_popup .has_input input{
	background:none;
	border-radius:0;
	width:100%;
	margin:0;
	text-align:left;
	font-size:16px;
	color:#333;
}
.txtsch_popup .has_button{
	width:30px;
	height:30px;
}
.txtsch_popup .has_button button{
	width:100%;
	height:100%;
}
#smenu_bnd{
	left:50% !important;
	top:300px !important;
	transform:translateX(-50%);
	z-index:1;
	width:400px;
	height:410px !important;
}
#smenu_title_bar{
	display:none;
}
#smenu_contents_box{
	width:100% !important;
}

.smenu_contents_box_left .smenu_title_bar{
	background:#365b6b;
	color:#fff;
}